<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .welcomeMsg{display: none;}
  </style>
</head>
<body>
  <h1>这是首页</h1>
  <p class="loginMsg"> <a href="./login.html">登录</a> <a href="./register.html">注册</a> </p>
  <p class="welcomeMsg"> 欢迎<span>17600901915</span>登录 </p>
</body>
<script src="./ajax.js"></script>
<script>

  // 立即读取登录状态
  // 判断是否登录
  // 如果登录，显示用户信息
  // 未登录，显示登录入口

  ajax({
    url:"http://localhost:3000/getuser",
    data:{
      token: localStorage.getItem("token")
    }
  }).then(res=>{
    res = JSON.parse(res);
    $(".loginMsg").style.display = "none";
    $(".welcomeMsg").style.display = "block";
    $(".welcomeMsg span").innerHTML = res.data.tel;
  })

  function $(s){
    return document.querySelector(s)
  }


  // 异常捕获语句
  // try {
  // } catch (error) {
  // }

  // 如果try后的语句报错了，会执行catch语句中的代码
  // try-catch不会阻塞程序执行

  // async function fn(){
  //   try{
  //     const res = await ajax();
  //     console.log(res);
  //   }catch(error){
  //     console.log("try后的语句报错了，错误信息为：", error)
  //   }
  //   console.log(1);
  // }

  // fn();


  // function ajax(){
  //   return new Promise((a,b)=>{
  //     setTimeout(()=>{
  //       a("ok")
  //     },Math.random()*500)
  //     setTimeout(()=>{
  //       b("no")
  //     },Math.random()*500)
  //   })
  // }

</script>
</html>